ホームベーカリーで作るパンのレシピ

リンクと画像、

・リンクタグ

<a href="リンク先のURL"＞○○○ここに文字を書きます</a>


・画像でリンクしてみました。

思いつきでやってみたら、できちゃいました。(^_-)-☆

<a href="リンク先のURL"＞○○○ここに画像のＵＲＬ</a>



例,　春の花のページへ・・・・・こうなります。



･画像の枠を取りたかったら、画像のＵＲＬの後に、半角スペースをあけて、
boder="0"　を付け足します。
ochieさんのアドバイスです。
こんな風になります。

---

・画像の大きさを変えて見ましょう。

　これも、ためしにやってみたらできました。(^^♪

基本
<IMG SRC="http:で始まる画像のURL" width="160" height="180" alt="ベコニア">

数字を大きくしてみました。

width･････横幅
height･･・・高さ

拡大
<IMG SRC="http:で始まる画像のＵＲＬ" width="260" height="280" alt="ベコニア">


こうなります。




とっても、簡単、でも、大きくしすぎると、画像が乱れるので、注意！！

---

・画像の横に文字を書きます。

<img src="URL" align="○○○">ここから文字を書く

top にすると、こうなります。

ここから文字を書く


上 align="top"
真ん中 align="middle"
下 align="bottom"


bottomにすると、こうなります。

ここから文字を書く



･次は、画像の位置を、変えてみます。

aligin=rightにすると、画像が右側になります。

ここから文字を書く